#list-article {

}

#list-article h3 {
    padding-left: 0.75em;
    height: 2.2em;
    line-height: 2.2em;
    border-bottom: 1px solid #D8DFEA;
}

#list-article th {
    background: #F8F9FC;
    border: 1px solid #D8DFEA;
    border-width: 1px 0;
    height: 2.0em;
    line-height: 2.0em;
    font-weight: normal;
    color: #333;
}

#list-article td {
    border-bottom: 1px solid #EEE;
    height: 1.8em;
    line-height: 1.8em;
    vertical-align: top;
    padding: 2px 0 0;
}

#list-article tr.last td {
    border-bottom: 1px solid #D8DFEA;
}

#list-article .title {
    width: 53%;
    text-align: left;
    padding: 2px 5% 0 2%;
}

#list-article .edit,
#list-article .delete,
#list-article .quit {
    width: 10%;
    text-align: center;
}

#list-article td.edit {
	color:#808080;
}

#list-article .time {
    width: 20%;
    text-align: center;
}


#list-article .x-del {
    width: 5%;
    text-align: right;
}

#list-article .author {
    width: 13%;
    padding-left: 2%;
    text-align: left;
}

#list-article th.select {
    text-align: center;
}

#list-article td.select {
    width: 7%;
    text-align: center;
    padding-top: 0.5em;
}

*html #list-article td.select {
    padding-top: 0.2em;
}

#list-article .edit-time {
    width: 23%;
    text-align: center;
}

#list-article td.time,
#list-article td.edit-time {
    color: #808080;
}

#list-article .remove {
    text-indent: -999.0em;
    font-size: 0;
    line-height: 0;
    margin: 7.5px 0 0;
    height: 7px;
    width: 7px;
    float: right;
    display: block;
    background: transparent url(../img/icon_remove.gif) no-repeat 0 0;
    overflow: hidden;
}

*html #list-article .remove {
    margin-top: 8px;
}

#list-article .remove:hover {
    background:url(../img/icon_remove.gif) no-repeat 0 100%;
}
